.page-box {
    padding-bottom: 15rpx;
    .header {
        padding: 33rpx 32rpx 0 32rpx;
        height: 543rpx;
        background: linear-gradient(180deg, #1226aa 45%, #ebeef5 100%);
        box-sizing: border-box;
        .progress {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 12rpx;
            .progress-step {
                transition: all 0.4s ease;
                .status-bar {
                    width: 100%;
                    height: 10rpx;
                    background: #3647b7;
                    border-radius: 5rpx;
                    margin-bottom: 19rpx;
                }
                .tt {
                    font-weight: 400;
                    font-size: 24rpx;
                    color: #ffffff;
                    line-height: 33rpx;
                }
                &.active {
                    .status-bar {
                        background: #f5a518;
                    }
                    .tt {
                        font-weight: 600;
                        color: #f5a518;
                    }
                }
            }
        }
        .icon-jindu {
            position: absolute;
            top: 108rpx;
            right: 32rpx;
            font-size: 44rpx;
            color: #fff;
            display: none;
        }
    }
    .section {
        position: relative;
        margin: -416rpx 32rpx 0 32rpx;
        background: #ffffff;
        border-radius: 20rpx;
        padding: 32rpx 49rpx 40rpx 49rpx;
        .status-sign {
            position: relative;
            margin-bottom: 52rpx;
            .ico {
                width: 64rpx;
                height: 65rpx;
                background: url('http://www.szxlyc.com/uploads/product/20240916/vH2w2jB5PiWVaJZtwGXy948Gyty9Mqq7kxboFctc.png') no-repeat center;
                background-size: contain;
            }
            .ico-success {
                width: 64rpx;
                height: 65rpx;
                background: url('http://www.szxlyc.com/uploads/product/20240928/RJOY1eHy0ILPUr6CsfiMPqhtmDQsgQsp5dxg0Xaf.png') no-repeat center;
                background-size: contain;
            }
            .pending-submission-of-payment-request-documents {
                width: 64rpx;
                height: 65rpx;
                background: url('http://www.szxlyc.com/uploads/product/20240930/WjTFU7ly5SYqxOAbDwMtxECsLWlgs7KrwSj4S5bp.png') no-repeat center;
                background-size: contain;
            }
            .tt {
                font-weight: 600;
                font-size: 38rpx;
                color: #2e3233;
                line-height: 53rpx;
                margin-left: 12rpx;
            }
            .phone_check_description {
                position: absolute;
                right: -26rpx;
                top: 0;
                font-weight: 400;
                font-size: 26rpx;
                color: #f5a518;
                line-height: 37rpx;
                .iconfont {
                    color: #f5a518;
                    font-size: 32rpx;
                    margin-right: 4rpx;
                }
            }
        }
        .customer-order-information {
            position: relative;
            width: 588rpx;
            background: #ffffff;
            border-radius: 16rpx;
            border: 1px solid #d7dae0;
            padding: 0 0 30rpx 0;
            .title {
                width: 220rpx;
                height: 54rpx;
                background: #1226aa;
                border-radius: 16rpx 27rpx 27rpx 0rpx;
                font-weight: 600;
                font-size: 26rpx;
                color: #ffffff;
                margin-bottom: 25rpx;
            }
            .text-box {
                padding-left: 36rpx;
                .label {
                    font-weight: 400;
                    font-size: 26rpx;
                    color: #6e767a;
                    line-height: 37rpx;
                }
                .t1 {
                    font-weight: 600;
                    font-size: 26rpx;
                    color: #2e3233;
                    line-height: 37rpx;
                }
                .t2 {
                    font-weight: 600;
                    font-size: 26rpx;
                    color: #1226aa;
                    line-height: 37rpx;
                }
            }
            .car {
                padding: 0 20rpx;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16rpx;
                .box {
                    width: 172rpx;
                    height: 140rpx;
                    background: #f5f9ff;
                    border-radius: 16rpx;
                    .t1 {
                        font-weight: 400;
                        font-size: 26rpx;
                        color: #6e767a;
                        line-height: 37rpx;
                        margin-bottom: 17rpx;
                    }
                    .t2 {
                        font-weight: 600;
                        font-size: 28rpx;
                        color: #1226aa;
                        line-height: 40rpx;
                    }
                }
            }
            .subscription-information {
                width: 540rpx;
                padding: 13rpx 0 25rpx 0;
                background: #f5f9ff;
                border-radius: 16rpx;
                margin: 0 auto;
                .tit {
                    font-size: 26rpx;
                    color: #6e767a;
                    line-height: 37rpx;
                    margin-left: 12rpx;
                }
                .price {
                    font-weight: 600;
                    font-size: 44rpx;
                    color: #1226aa;
                    line-height: 62rpx;
                    padding: 15rpx 0 28rpx 0;
                }
                .subscription-information-info {
                    .box {
                        width: 50%;
                        &:first-child {
                            border-right: 1px solid #d7dae0;
                        }
                        .t1 {
                            font-weight: 600;
                            font-size: 28rpx;
                            color: #2e3233;
                            line-height: 40rpx;
                            margin-bottom: 5rpx;
                        }
                        .t2 {
                            font-weight: 400;
                            font-size: 26rpx;
                            color: #6e767a;
                            line-height: 37rpx;
                        }
                    }
                }
            }
        }
        .audit_remark {
            font-size: 22rpx;
            color: #6e767a;
            line-height: 30rpx;
        }
        .review-failed {
            .pic {
                width: 64rpx;
                height: 65rpx;
                background: url('http://www.szxlyc.com/uploads/product/20240916/viL80MIQlNWwB1KIk55TlLwA1cMV8JhbXOJ7ehKr.png') no-repeat center;
                background-size: contain;
            }
            .pic-return {
                width: 64rpx;
                height: 65rpx;
                background: url('http://www.szxlyc.com/uploads/product/20240928/5dZxHzdFIOoYKd6NDcxOrpmkDI1KOy2aUqwuLH5q.png') no-repeat center;
                background-size: contain;
            }
            .fail-text {
                font-weight: 600;
                font-size: 38rpx;
                color: #2e3233;
                line-height: 53rpx;
                margin-left: 12rpx;
                margin-top: 5rpx;
            }
            .fail-text-desc {
                font-weight: 400;
                font-size: 22rpx;
                color: #6e767a;
                line-height: 30rpx;
                margin-top: 13rpx;
            }
        }
        .info-t1 {
            font-weight: 400;
            font-size: 24rpx;
            color: #2e3233;
            line-height: 33rpx;
            text-align: center;
        }
        .info-t2 {
            font-weight: 400;
            font-size: 24rpx;
            color: #2e3233;
            line-height: 33rpx;
            text-align: center;
            text {
                font-weight: 600;
                color: #1226aa;
            }
        }
        .info-t3 {
            font-weight: 400;
            font-size: 24rpx;
            color: #6e767a;
            line-height: 33rpx;
            text-align: center;
        }
        .info-t4 {
            font-weight: 600;
            font-size: 28rpx;
            color: #2e3233;
            line-height: 40rpx;
            text-align: center;
        }
        .qr-code {
            width: 340rpx;
            height: 340rpx;
            margin: 0 auto;
            image {
                width: 340rpx;
                height: 340rpx;
            }
        }
        .confirm-btn {
            height: 80rpx;
            background: #1226aa;
            border-radius: 40rpx;
            font-weight: 400;
            font-size: 28rpx;
            color: #ffffff;
            &.disabled {
                opacity: 0.5;
            }
        }
        .approve-add-info {
            .approval-column {
                width: 588rpx;
                padding: 30rpx 0 30rpx 36rpx;
                margin-bottom: 16rpx;
                background: #ffffff;
                border-radius: 16rpx;
                border: 1rpx solid #d7dae0;
                .text-box {
                    .label {
                        font-weight: 400;
                        font-size: 26rpx;
                        color: #6e767a;
                        line-height: 37rpx;
                    }
                    .t1 {
                        font-weight: 600;
                        font-size: 26rpx;
                        color: #2e3233;
                        line-height: 37rpx;
                    }
                }
            }
            .list {
                .box {
                    height: 88rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    border: 1rpx solid #d7dae0;
                    margin-bottom: 16rpx;
                    padding: 0 20rpx 0 36rpx;
                    .left {
                        font-weight: 600;
                        font-size: 28rpx;
                        color: #2e3233;
                        line-height: 40rpx;
                    }
                    .t1 {
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #1226aa;
                        line-height: 33rpx;
                    }
                    .t2 {
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #6e767a;
                        line-height: 33rpx;
                    }
                    .iconfont {
                        font-size: 36rpx;
                        color: #1226aa;
                        margin-left: 10rpx;
                    }
                }
            }
        }
        .audit-btn {
            height: 100rpx;
            background: #1226aa;
            border-radius: 50rpx;
            font-weight: 400;
            font-size: 28rpx;
            color: #ffffff;
        }
        .business-processing-completed {
            margin-top: 60rpx;
            image {
                width: 120rpx;
                height: 120rpx;
            }
            .business-processing-completed-tt {
                margin-top: 14rpx;
                font-weight: 600;
                font-size: 38rpx;
                color: #2e3233;
                line-height: 53rpx;
            }
        }
        .business-processing-wrap {
            position: fixed;
            top: 83rpx;
            right: 14rpx;
            z-index: 999;
            .business-processing-completed-tt {
                font-size: 38rpx;
                color: #f5a518;
            }
        }
        .speed-of-progress {
            .box {
                margin-bottom: 40rpx;
                .dt-title {
                    position: relative;
                    font-weight: 600;
                    font-size: 38rpx;
                    color: #2e3233;
                    line-height: 53rpx;
                    z-index: 1;
                    margin-bottom: 48rpx;
                    &::after {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 60rpx;
                        height: 16rpx;
                        background: linear-gradient(90deg, #7887ea 0%, #ffffff 100%);
                        border-radius: 8rpx;
                        content: '';
                        z-index: -1;
                    }
                }
                .dd-text {
                    position: relative;
                    padding-bottom: 32rpx;
                    padding-left: 32rpx;
                    margin-left: 32rpx;
                    border-left: 1px dashed #d7dae0;
                    .arrow {
                        position: absolute;
                        left: -10rpx;
                        top: 0;
                        width: 20rpx;
                        height: 20rpx;
                        background: #1226aa;
                        border-radius: 50%;
                    }
                    &:last-child {
                        padding-bottom: 0;
                    }
                    .text {
                        font-weight: 400;
                        font-size: 28rpx;
                        color: #2e3233;
                        line-height: 40rpx;
                        margin-bottom: 8rpx;
                    }
                    .time {
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #6e767a;
                        line-height: 33rpx;
                    }
                }
            }
        }
    }
}

.popup-content {
    .content {
        position: relative;
        width: 548rpx;
        height: 512rpx;
        background: linear-gradient(180deg, #f6f2ea 0%, #ffffff 100%);
        border-radius: 20rpx;
        .ico {
            position: absolute;
            top: -41rpx;
            left: 0;
            right: 0;
            width: 120rpx;
            height: 120rpx;
            margin: 0 auto;
            image {
                width: 120rpx;
                height: 120rpx;
                margin: 0 auto;
            }
        }
        .text {
            margin-top: 30rpx;
            width: 438rpx;
            font-size: 26rpx;
            color: #2e3233;
            line-height: 37rpx;
            .t1 {
                color: #1226aa;
            }
        }
        .btn1 {
            width: 468rpx;
            height: 88rpx;
            background: #1226aa;
            border-radius: 44rpx;
            font-size: 28rpx;
            color: #ffffff;
            margin-bottom: 24rpx;
            margin-top: 46rpx;
        }
        .btn2 {
            width: 468rpx;
            height: 88rpx;
            border-radius: 44rpx;
            border: 1rpx solid #1226aa;
            font-size: 28rpx;
            color: #1226aa;
        }
    }
    .icon-a-tubiaochangyongsousuo9 {
        position: absolute;
        bottom: -110rpx;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 64rpx;
        color: #fff;
    }
}
